<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/common.css">

    <link rel="stylesheet" href="./css/detail_page.css">
</head>

<body>
    <!-- 顶部公共区域 -->
    <div class="topBox"></div>
    <div class="headerBox"></div>

    <!-- 导航栏区域 -->
    <div class="navBox"></div>
    <!-- 主体区域 -->
    <div class="main w">
        <div class="cont_top">
            <a href="">药房网商城</a>
            <i></i>
            <a href="">中西药品</a>
            <i></i>
            <a href="">心脑血管</a>
            <i></i>
            <span>安达康 达格列净片</span>
        </div>
        <div class="main_content clearfix">
            <div class="main_left">
                <div class="zoomPad">
                    <img src="" alt="">
                    <div></div>
                    <p>温馨提醒：商品包装因厂家更换频繁，如有不符请以实物为准。</p>
                    <span></span>
                </div>
                <div class="pic_small">
                    <span class="pic_left"></span>
                    <span class="pic_right"></span>
                    <ul class="pic_img">
                        <!-- <li><img src="./images/detail/dgls0.jpg" alt=""></li> -->
                    </ul>
                </div>
                <div class="share">
                    <div class="share_num">商品编号：639490</div>
                    <div class="share_collect"><i></i><span>收藏该商品</span></div>
                </div>

                <div class="big">
                    <img src="" alt="">
                </div>
            </div>
            <div class="main_center">
                <h3>
                    <i></i>
                    <span></span>
                </h3>
                <div class="ticket clearfix">
                    <div>
                        <span>新客APP下单领20元券</span>
                        <a href="">立即去领</a>
                    </div>
                </div>
                <ul class="para clearfix">
                    <li>
                        <dt>通用名</dt>
                        <dd></dd>
                    </li>
                    <li>
                        <dt>商品名</dt>
                        <dd></dd>
                    </li>
                    <li>
                        <dt>包装规格</dt>
                        <dd></dd>
                    </li>
                    <li>
                        <dt>剂型/型号</dt>
                        <dd></dd>
                    </li>
                    <li>
                        <dt>生产企业</dt>
                        <dd></dd>
                    </li>
                    <li>
                        <dt>批准文号</dt>
                        <dd><img src="./images/list/list_icon0.jpg" alt=""></dd>
                    </li>
                </ul>

                <div class="prices">
                    <div class="disc">
                        <dt>优惠活动</dt>
                        <dd>满免邮活动优惠</dd>
                    </div>
                    <div>
                        <dt>零售价格</dt>
                        <dd class="price"></dd>
                    </div>
                    <div class="scan">
                        <i></i>
                        <span>手机扫一扫</span>
                        <i></i>
                    </div>
                </div>
                <div class="need">
                    <div class="need_1">
                        <dt>运费</dt>
                        <dd>
                            快递：包邮
                        </dd>
                    </div>
                    <div class="need_2">
                        <dt>需求数量</dt>
                        <dd>
                            <div class="need_btn">
                                <button class="sub"></button>
                                <input type="text" name="" id="count" value="1">
                                <button class="add"></button>
                            </div>
                            <div class="stock">
                                库存：----
                            </div>
                        </dd>
                    </div>
                </div>
                <div class="buy">
                    <span class="buy_now">立即购买</span>
                    <span class="buy_add">加入购物车</span>
                </div>

                <div class="title">
                    <p>该报价由：汕头市康润医药有限公司附一分公司发布，商家承诺：</p>
                    <div>
                        <i></i><span>24小时内发货</span><i></i><span>正品保障</span><i></i><span>提供发票</span><i>退</i><span>依据GSP相关规定，药品一经售出，无质量问题不退不换</span>
                    </div>
                </div>
            </div>
            <div class="main_right">
                <div class="right_img">
                    <img src="./images/detail/noyaodian_logo.png" alt="">
                </div>
                <p class="right_name">汕头市康润医药有限公司附一分公司</p>
                <ul class="right_ul clearfix">
                    <li>
                        <div>服务</div>
                        <span>4.3</span>
                    </li>
                    <li>
                        <div>发货</div>
                        <span>4.3</span>
                    </li>
                    <li>
                        <div>物流</div>
                        <span>4.3</span>
                    </li>
                    <li>
                        <div>包装</div>
                        <span>4.5</span>
                    </li>
                </ul>
                <p>店铺评分：4.3</p>
                <p>退&nbsp;单&nbsp;率：0.0%</p>
                <p>发货时长：9.7小时</p>
                <p>营业时间：8:00-20:00</p>
                <p>店铺地址：广东省汕头市金平区长平路55号首层01号商铺</p>

                <a href="">进入店铺</a>
            </div>
        </div>

        <div class="explain">
            <div class="exp_header">
                <h2>商品说明</h2>
            </div>
            <div class="exp_details">
                <div class="det_top">
                    <span><i></i></span>
                    <h3>安达唐 达格列净片</h3>
                    <span>商品详情</span>
                </div>
                <div class="det_bottom">
                    <ul>
                        <li><em>通用名称</em><span>达格利净片</span></li>
                        <li><em>商品名</em><span>安达唐</span></li>
                        <li><em>英文名称</em><span>Dapagliflozin Tablets</span></li>
                        <li><em>生产厂家</em><span>阿斯利康制药有限公司</span></li>
                    </ul>
                </div>
            </div>
            <div class="exp_img">
                <div class="det_top">
                    <span><i></i></span>
                    <h3>安达唐 达格列净片</h3>
                    <span>图片展示</span>
                </div>
                <div class="img_bot">
                </div>
            </div>

        </div>
    </div>

    <!-- 底部区域 -->
    <div class="footerBox"></div>
</body>
<script src="./libs/jquery.js"></script>
<script>
    $(".topBox").load("http://localhost:3000/common.html .header_top");
    $(".headerBox").load("http://localhost:3000/common.html .header");
    $(".navBox").load("http://localhost:3000/common.html .nav")
    $(".footerBox").load("http://localhost:3000/common.html .footer")
</script>
<script src="./public/ajax.js"></script>
<script src="./public/jsonp.js"></script>
<script src="./js/common.js"></script>
<script src="./js/detail_page.js"></script>

</html>